<template>
  <div class="home">
      <img src="@/assets/common/2.gif" alt="">
      <p class="title">登录优享更多！</p>
      <van-button color="black" @click="login">登录</van-button>
      <van-button color="black" plain @click="member">注册</van-button>
  </div>
</template>

<script>
export default {
  methods: {
    login () {
      this.$router.push('/login')
    },
    member () {
      this.$router.push('/member')
    }
  }
}
</script>

<style scoped lang='less'>
.home {
  text-align: center;
  margin-top: 5%;
  .title {
    margin: 0;
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: bold;
  }
  .van-button {
    width: 90%;
    height: 50px;
    font-size: 15px;
    margin-bottom: 20px;
    display: inline-block;
  }
}

</style>
